<!-- Content Header (Page header) -->

<section class="content-header">
    <div class="position pull-lift">
        <i class="fa fa-home"></i>
        <a href="student-index.html">首页</a>
        <span class="c-gray en">&gt;</span>
        第二课堂
        <span class="c-gray en">&gt;</span>
        我的学时
        <div class="pull-right">
            <span type="button" class="btn btn-sm btn-primary btn-refresh ">刷新</span>
        </div>
    </div>
</section>
<!-- Main content -->
<section class="content">
    <!--.box -->
    <div class="box">
        <div class="box-body row">
            <div class="col-md-8">
                <div class="form-group">
                    <label>学时状态</label>
                    <select class="form-control">
                        <option value="1">已获得学时</option>
                        <option value="2">待审核</option>
                        <option value="3">暂存</option>
                        <option value="4">驳回</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>课程类别</label>
                    <select class="form-control">
                        <option value="1">政治理论与道德修养</option>
                        <option value="2">文体艺术课程</option>
                        <option value="3">学术创新课程</option>
                        <option value="4">实习创业课程</option>
                        <option value="5">专业技能与职业资格课程</option>
                        <option value="6">社会实践课程</option>
                    </select>
                </div>
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>                    <tr>
                        <td>团校</td>
                        <td>校级青马培训班-课程学习</td>
                        <td><span class="label label-success">20</span></td>
                        <td>2017-6-6</td>
                    </tr>
                    <tr>
                        <td>荣誉称号</td>
                        <td>国家级-正选</td>
                        <td><span class="label label-success">50</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-md-4">
                <p class="text-center">
                    <strong>课程类别</strong>
                </p>

                <div class="progress-group">
                    <span class="progress-text">政治理论与道德修养</span>
                    <span class="progress-number"><b>60</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-aqua" style="width: 60%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
                <div class="progress-group">
                    <span class="progress-text">文体艺术课程</span>
                    <span class="progress-number"><b>74</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-red" style="width: 74%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
                <div class="progress-group">
                    <span class="progress-text">学术创新课程</span>
                    <span class="progress-number"><b>90</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-green" style="width: 90%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
                <div class="progress-group">
                    <span class="progress-text">实习创业课程</span>
                    <span class="progress-number"><b>40</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-yellow" style="width: 40%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
                <div class="progress-group">
                    <span class="progress-text">专业技能与职业资格课程</span>
                    <span class="progress-number"><b>120</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-green" style="width: 120%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
                <div class="progress-group">
                    <span class="progress-text">社会实践课程</span>
                    <span class="progress-number"><b>100</b>/100</span>

                    <div class="progress sm">
                        <div class="progress-bar progress-bar-blue" style="width: 100%"></div>
                    </div>
                </div>
                <!-- /.progress-group -->
            </div>
        </div>
        <!-- /.box-body -->
        <div class="box-footer" style="display: none;">

        </div>
        <!-- /.box-footer-->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">政治理论与道德修养</span>
                <span class="progress-number"><b>60</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-aqua" style="width: 60%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">文体艺术课程</span>
                <span class="progress-number"><b>74</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-red" style="width: 74%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6</td>
                    </tr>
                    <tr>
                        <td>团校</td>
                        <td>校级青马培训班-课程学习</td>
                        <td><span class="label label-success">20</span></td>
                        <td>2017-6-6</td>
                    </tr>
                    <tr>
                        <td>荣誉称号</td>
                        <td>国家级-正选</td>
                        <td><span class="label label-success">50</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">学术创新课程</span>
                <span class="progress-number"><b>90</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-green" style="width: 90%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">实习创业课程</span>
                <span class="progress-number"><b>40</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-red" style="width: 40%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">专业技能与职业资格课程</span>
                <span class="progress-number"><b>120</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-green" style="width: 120%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

    <!--.box -->
    <div class="box box-info collapsed-box">
        <div class="box-header with-border" data-widget="collapse"><i class="fa fa-minus" style="display: none;"></i>
            <div class="progress-group">
                <span class="progress-text">社会实践课程</span>
                <span class="progress-number"><b>100</b>/100</span>

                <div class="progress sm">
                    <div class="progress-bar progress-bar-green" style="width: 100%"></div>
                </div>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: none;">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>课程内容</th>
                        <th>活动级别或获奖级别</th>
                        <th>学时数</th>
                        <th>认定时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>党校学习</td>
                        <td>党员培训</td>
                        <td><span class="label label-success">30</span></td>
                        <td>2017-6-6 </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix" style="display: none;">
        </div>
        <!-- /.box-footer -->
    </div>
    <!--/.box-->

</section>
<!-- /.content -->